1
/**
* @blockquote : HTML中的<blockquote>元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。
* @pre : pre 元素可定义预格式化的文本
* @hr  : hr 元素在 HTML 页面中创建一条水平线
* @figure : figure 元素标记文档中的一个图像
* @caption :  caption 元素定义表格标题
* @fieldset :fieldset 标签将表单内容的一部分打包,生成一组相关表单的字段
* @legend : legend 元素为fieldset元素定义标题
* @menu : menu 标签定义菜单列表
**/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0; /*外边距*/
    padding: 0; /*内边距*/
}

/**
* 以下的元素大部分来自html5规范中新增元素
*
* @header : header 元素表示一组引导性的帮助。
* @footer : 页脚元素
* @section : section 标签定义文档中的节
* @article : article 元素表示文档、页面、应用或网站中的独立结构
* @aside : aside 标签定义其所处内容之外的内容,如广告、引用、侧边栏等等
* @nav : HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
* @hgroup : 标签对网页或区段(section)的标题进行组合
* @address : 可定义一个地址(比如电子邮件地址)
* @figure : figure 元素标记文档中的一个图像
* @figcaption : figure 元素的标题
* @menu : menu 标签定义菜单列表
* @details : 标签用于描述文档或文档某个部分的细节
*
**/
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse; /*合并单元格*/
    border-spacing: 0; /*设置相邻单元格的边框间的距离*/
}

/**
* @caption :  caption 元素定义表格标题
* @th : 定义表格内的表头单元格
*/
caption, th {
    text-align: left;
    font-weight: normal;
}

/*
* @abbr : 标签指示简称或缩写
*/
html, body, fieldset, img, iframe, abbr {
    border: 0;
}

/**
* @i : 标签呈现斜体的文本
* @cite : 标签定义作品(比如书籍、歌曲...)的标题
* @em : 标签中的文本内容表示特别强调的部分
* @var : 标签表示变量的名称,或者由用户提供的值
* @address : 同上
* @dfn : 可标记那些对特殊术语或短语的定义
**/
i, cite, em, var, address, dfn {
    font-style: normal;
}

/**
* @[hidefocus] : 即隐藏聚焦,具有使对象聚焦失效的功能
* @summary : 定义了表格内容的摘要
*
**/
[hidefocus], summary {
    outline: 0; /*绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用*/
}

li {
    list-style: none;
}

/**
* @small : <small> 标签呈现小号字体效果
***/
h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

/**
* @sup : <sup> 可定义上标文本
* @sub : <sub> 可定义下标文本
**/
sup, sub {
    font-size: 83%;
}

/**
* @pre : 同上
* @code : 标签用于表示计算机源代码或者其他机器可以阅读的文本内容
* @kbd : 标签定义键盘文本
* @samp : 标签表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符时,通常要用到这个标签。
***/
pre, code, kbd, samp {
    font-family: inherit;
}

/**
* @q : 标签定义一个短的引用。 浏览器经常会在这种引用的周围插入引号
**/
q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none; /*不可缩放*/
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

/*
* @b : 加粗文本
**/
h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
}

/**
* @del : 定义被删除的文本
* @ins : 定义被插入的文本
* @u : 为文本添加下划线
* @s :  标签可定义加删除线文本定义
***/
del, ins, u, s, a, a:hover {
    text-decoration: none;
}

/**
* @select : 定义下拉框
* @keygen : <keygen> 标签规定用于表单的密钥对生成器字段
**/
body, textarea, input, button, select, keygen, legend {
    font: 12px/1.14 arial, \5b8b\4f53; /*\5b8b\4f53-->宋体*/
    color: #333;
    outline: 0;
}

body {
    background: #fff;
}

a, a:hover {
    color: #333;
}

两仪
9.6k 声望729 粉丝

向上努力、不卑不亢、两仪相生